<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/hone.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2617385_arnhd790id7.css">
    <title>首页</title>
</head>
<body>
<div class="web">
    <header>
        <div class="logo">
            <img src="./img/首页图/LOGO.jpg" alt="">
        </div>
        <div class="search">
                <input type="text" name="" id="" placeholder="请输入商品名称">
                <input type="image" name="" id="" value="" src="./img/首页图/搜索矩.jpg" />
        </div>
         <div class="city">
            <select>
                <option value="gz">广州市</option>
                <option value="sz">深圳市</option>
            </select>
        </div>
    </header>
    <section>
        <div class="banner">
            <img src="./img/首页图/banner.jpg" alt="">
        </div>
        <div class="top">
            <div class="left">
                <p><img src="./img/首页图/团购小logo.jpg" />优惠团购</p>
                <p><a href="">更多</a><i class="iconfont icon-gengduo"></i></p>
            </div>
            <div class="middle">
                <div><img src="./img/首页图/图层 5麦霸福音.jpg" alt=""></div>
                <div><img src="./img/首页图/图层 6旅游大转盘.jpg" alt=""></div>
            </div>
            <div class="middle">
                <div><img src="./img/首页图/图层 7酒店年终.jpg" alt=""></div>
                <div><img src="./img/首页图/图层 8外卖狂欢周.jpg" alt=""></div>
            </div>
            <div class="left">
                <p><img src="./img/首页图/形状 5爱心.jpg" />猜你喜欢</p>
                <p><a href="">更多</a><i class="iconfont icon-gengduo"></i></p>
            </div>
            <div class="bottom">
                <div class="goods">
                    <div>
                    <img src="./img/首页图/图层 3万岁寿司.jpg" />
                    <a href="">
                            <p>万岁寿司 ( 正佳店 )</p>
                            <p>[100点通用] 双人套餐</p>
                            <p>￥ 88.00</p>
                    </a>
                </div>
                    <div class="good-right">
                        <p>&lt;100m</p>
                        <p>已售1000</p>
                    </div>
                </div>
                <div class="goods">
                    <div>
                    <img src="./img/首页图/图层 4周黑鸭.jpg" />
                    <a href="">
                            <p>万岁寿司 ( 正佳店 )</p>
                            <p>[100点通用] 双人套餐</p>
                            <p>￥ 88.00</p>
                    </a>
                </div>
                    <div class="good-right">
                        <p>&lt;100m</p>
                        <p>已售1000</p>
                    </div>
                </div>
            </div>
            <footer>
                <ul class="foot-bot">
                    <li><a href="">
                        <img src="./img/首页图/首页.jpg" alt="">
                        <p>首页</p>
                    </a>
                    </li>
                    <li><a href="">
                        <img src="./img/首页图/分类4.jpg" alt="">
                        <p>首页</p>
                    </a>
                    </li>
                    <li>
                        <a href="">
                        <img src="./img/首页图/形状 7 发现.jpg" alt="">
                        <p>首页</p>
                    </a>
                    </li>
                    <li><a href="">
                        <img src="./img/首页图/我的.jpg" alt="">
                        <p>首页</p>
                    </a>
                    </li>
                </ul>
            </footer>
        </div> 
    </section>
</div>
</body>
</html>